<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <title>公交人力资源管理系统</title>
    <link rel="stylesheet" href="../layui/css/layui.css?t=2" media="all">
    <link rel="stylesheet" href="../css/backgroundMain.css?t=2" media="all">
</head>
<style type="text/css" id="LAY_layadmin_theme"></style>

<body>
<div id="LAY_WRAP">
    <div id='LAY_app' class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <div class="layui-logo" lay-href=""> <span><b>公交人力资源管理系统</b></span> </div>
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-left layui-nav-tree" lay-filter="layui-nav-left">
                <li class="layui-nav-item">
                    <a class="" href="javascript:;"><i class="layui-icon layui-icon-user"></i> <cite >员工信息管理</cite></a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" id="personalInfo"><i class="fa fa-clipboard fa-lg" ></i> <cite >个人信息</cite></a></dd>
                        <dd>
                            <a class="" href="javascript:;" id="personnelMatter"> <cite >人事信息</cite></a>
                            <!--
                                                    <dl class="layui-nav-child layui-cite-2">
                                                        <dd><a href="javascript:;"> <cite >三级菜单</cite></a></dd>
                                                        <dd><a href="javascript:;"> <cite >三级菜单</cite></a></dd>
                                                        <dd><a href="javascript:;"> <cite >三级菜单</cite></a></dd>
                                                    </dl>
                            -->

                        </dd>
                        <!--                      <dd><a href="javascript:;"><i class="fa fa-file-text fa-lg"></i> <cite >测试</cite></a></dd>-->
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon layui-icon-rate-solid"></i><cite >员工奖惩管理</cite></a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" id="rewardPunishmentInfo"> <cite >奖惩信息</cite></a></dd>
                        <dd><a href="javascript:;" id="addRewardPunishmentInfo"> <cite >录入奖惩信息</cite></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon layui-icon-auz"></i><cite >事假管理</cite></a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" id="compassionateLeave"> <cite >事假审批</cite></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon layui-icon-list"></i><cite >线路管理</cite></a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" id="changeLine"> <cite >线路变更</cite></a></dd>
                        <dd><a href="javascript:;" id="addLine"> <cite >添加线路</cite></a></dd>
                        <dd><a href="javascript:;" id="assignDriver"> <cite >分配司机</cite></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;" ><i class="layui-icon layui-icon-friends"></i><cite >员工账号管理</cite></a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" id="employeeAccount"> <cite >账号管理</cite></a></dd>
                        <dd><a href="javascript:;" id="addEmployeeAccount"> <cite >创建账号</cite></a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>

    <!--主体-->
    <div class="layui-body" id="LAY_app_body">
        <div class="layui-header">
            <!-- 头部区域 -->
            <ul class="layui-nav layui-layout-left" lay-filter="layadmin-layout-left">
                <li class="layui-nav-item layadmin-flexible" lay-unselect="">
                    <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
                        <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect="">
                    <a href="javascript:;" id="mainRefresh" layadmin-event="refresh" title="刷新">
                        <i class="layui-icon layui-icon-refresh-3"></i>
                    </a>
                </li>
                <!--
                            <li class="layui-nav-item layui-hide-xs" lay-unselect="">
                              <input type="text" placeholder="搜索..." autocomplete="off" class="layui-input layui-input-search" layadmin-event="serach" lay-action="template/search/keywords=">
                            </li>
                -->
            </ul>
            <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
                <li class="layui-nav-item layui-hide-xs" lay-unselect="">
                    <a href="javascript:;" layadmin-event="theme">
                        <i class="layui-icon layui-icon-theme"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect="">
                    <a href="javascript:;"> <span>用户管理员</span> <span class="layui-nav-more"></span></a>
                    <dl class="layui-nav-child">
                        <!--                  <dd><a lay-href="set/user/info">基本资料</a></dd>-->
                       <!-- <dd><a lay-href="set/user/password">修改密码</a></dd>-->
                       <!-- <hr>-->
                        <dd layadmin-event="logout" style="text-align: center;" ><a  id="logout">安全退出</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div class="layui-fluid" style="width: 100% " >
            <div class="layui-row layui-col-space15 box" id="Welcome" >
                <div class="layui-col-md12">
                    <img id="welcomeImg">
                </div>
            </div>
            <div class="layui-row layui-col-space15 box" id="boxPersonalInfo" hidden="true"  style="width: 100% ">
                <div class="layui-col-md12">
                    <div id="tableBoxPersonalInfo" class="table_wrap" style="width:100%; height:400px;overflow-y: auto;margin: 100px auto;text-align:center">
                        <table id="personalInfoTable" class="table" style="width:70%;margin-top: 20px" cellspacing="0" cellpadding="0" >
                            <thead class="table_head" >
                            <tr>
                                <th>员工ID</th><!--uid-->
                                <th>真实姓名</th>
                                <th>性别</th>
                                <th>电话号码</th>
                                <th>居住地址</th>
                                <th>生日</th>
                                <th>操作</th>
                            </tr>
                            </thead>

                            <tbody id="personalInfoTableInput">
                            <tr >
                                <td >加载失败</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td><a name="personalInfoUpdate" class="btn pill fill">修改</a> <!--<a name="personalInfoDelete" class="btn pill fill">删除</a>--></td>
                            </tr>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="layui-row layui-col-space15 box" id="boxUpdatePersonalInfo" hidden="true" style="width: 100% " >
                <div class="layui-col-md12" style="width: 100% " >
                    <div class="InfoUpdate" >
<!--                        <div class="mainConLeft" style="float: left"><b>真实姓名：</b><br> <b>性别：</b><br> <b>电话号码：</b><br> <b>居住地址：</b><br> <b>生日：</b></div>
                        <div style="float: left">
                            <input id="usernameNew" type="text"  placeholder="真实姓名" /></br></br>
                            男<input type="radio" name="sex" value="1"  />	女<input type="radio"  value="0" name="sex"/></br></br>
                            <input id="passwordNew" type="password" class="uesrXiu" placeholder="电话号码" /></br></br>
                            <input id="repasswordNew" type="password" class="uesrXiu" placeholder="居住地址" /></br></br>
                            <input  type="date" value="2014-01-13"/><br><br>
                            <a id="xiuConfirm" class="btn pill fill">确认</a>	<a id="xiuCancel" class="btn pill fill">取消</a>
                        </div>-->
                        <table>
                            <tr>
                                <td>真实姓名：</td>
                                <td><input id="nameInput"  type="text"  placeholder="真实姓名" />
                                    <input id="piid"  type="hidden"   /></td>
                            </tr>
                            <tr>
                                <td>性别：</td>
                                <td> <input id="sexMan" type="radio" name="sex" value="1"  />男	&nbsp;&nbsp;<input id="sexWomen" type="radio"  value="0" name="sex"/>女</td>
                            </tr>
                            <tr>
                                <td>电话号码：</td>
                                <td><input id="phoneInput" type="text"  placeholder="电话号码" /></td>
                            </tr>
                            <tr>
                                <td>居住地址：</td>
                                <td><input id="addressInput"  type="text"  placeholder="居住地址" /></td>
                            </tr>
                            <tr>
                                <td>生日：</td>
                                <td><input id="birthInput" style="width: 100%" type="date" value="2014-01-13"/></td>
                            </tr>
                            <tr>
                                <td colspan="2"><a id="updatePersonalInfConfirm" class="btn pill fill" align="center">确认</a>	<a id="updatePersonalInfCancel" class="btn pill fill"  align="center">取消</a></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="layui-row layui-col-space15 box" id="boxPersonnelMatter" hidden="true" style="width: 100% ">
                <div class="layui-col-md12">
                    <div id="tableBoxPersonnelMatter" class="table_wrap" style="width:100%; height:400px;overflow-y: auto;margin: 100px auto;text-align:center">
                        <table id="personnelMatterTable" class="table" style="width:80%;margin-top: 20px" cellspacing="0" cellpadding="0" >
                            <thead class="table_head" >
                            <tr>
                                <th>员工ID</th><!--uid-->
                                <th>真实姓名</th>
                                <th>入职时间</th>
                                <th>所属部门</th>
                                <th>职位</th>
                                <th>薪资</th>
                                <th>是否为正式员工</th>
                                <th>操作</th>
                            </tr>
                            </thead>

                            <tbody id="personnelMatterTableInput">
                            <tr >
                                <td >加载失败</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td><a name="personnelMatterUpdate" class="btn pill fill">修改</a> </td>
                            </tr>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
                </div>

        <div class="layui-row layui-col-space15 box" id="boxUpdatePersonnelMatter" hidden="true" style="width: 100% " >
            <div class="layui-col-md12" style="width: 100% " >
                <div class="InfoUpdate" >
                    <table>
                        <tr>
                            <td>入职时间：</td>
                            <td> <input id="joinInput" style="width: 100%" type="date" />
                                <input id="pmid"  type="hidden"   /></td>
                        </tr>
                        <tr>
                            <td>所属部门：</td>
                            <td><input id="departmentInput" type="text"  placeholder="所属部门" /></td>
                        </tr>
                        <tr>
                            <td>职位：</td>
                            <td><input id="positionInput"  type="text"  placeholder="职位" /></td>
                        </tr>
                        <tr>
                            <td>薪资：</td>
                            <td><input id="salaryInput"  type='number' step='100'  placeholder="薪资" /></td>
                        </tr>
                        <tr>
                            <td>是否为正式员工：</td>
                            <td> <input id="yes" type="radio" name="isRegular" value="1"  />是	&nbsp;&nbsp;<input id="no" type="radio"  value="0" name="isRegular"/>否</td>
                        </tr>
                        <tr>
                            <td colspan="2"><a id="updatePersonnelMatterConfirm" class="btn pill fill" align="center">确认</a>	<a id="updatePersonnelMatterCancel" class="btn pill fill"  align="center">取消</a></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
            <div class="layui-row layui-col-space15 box" id="boxRewardPunishmentInfo" hidden="true" style="width: 100% ">
                <div class="layui-col-md12">
                    <div  class="table_wrap" style="width:100%; height:400px;overflow-y: auto;margin: 100px auto;text-align:center">
                        <table  class="table" style="width:80%;margin-top: 20px" cellspacing="0" cellpadding="0" >
                            <thead class="table_head" >
                            <tr>
                                <th>员工ID</th><!--uid-->
                                <th>真实姓名</th>
                                <th>类型</th>
                                <th>详细信息</th>
                                <th>奖惩时间</th>
                                <th>操作</th>
                            </tr>
                            </thead>

                            <tbody id="staffRPTableInput">
                            <tr >
                                <td >加载失败</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td><a name="staffRPUpdate" class="btn pill fill">修改</a><a name="staffRPDelete" class="btn pill fill">删除</a></td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        <div class="layui-row layui-col-space15 box" id="boxUpdateRewardPunishmentInfo" hidden="true" style="width: 100% ">
            <div class="layui-col-md12">
                <div class="InfoUpdate" >
                    <table>
                        <tr>
                            <td>员工ID：</td>
                            <td><p id="staffId" style="text-align: left" ></p><input type="hidden" id="rpidUpdate"></td>
                        </tr>
                        <tr>
                            <td>类型	：</td>
                            <td><select style="width: 100%" id="type">
                                <option value ="奖金">奖金</option>
                                <option value ="罚款">罚款</option>
                            </select></td>
                        </tr>
                        <tr>
                            <td>详细信息：</td>
                            <td><input id="detail"  type="text"  placeholder="详细信息" /></td>
                        </tr>
                        <tr>
                            <td>奖惩时间：</td>
                            <td><input id="RPTime" style="width: 100%" type="date" /></td>
                        </tr>
                        <tr>
                            <td colspan="2"><a id="updateStaffRPConfirm" class="btn pill fill" align="center">确定</a><a id="updateStaffRPCancel" class="btn pill fill" align="center">取消</a></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
            <div class="layui-row layui-col-space15 box" id="boxAddRewardPunishmentInfo" hidden="true" style="width: 100% ">
                <div class="layui-col-md12">
                    <div class="InfoUpdate" >
                        <table>
                            <tr>
                                <td>员工ID：</td>
                                <td> <input id="uidInput" type="text"  placeholder="员工ID" /></td>
                            </tr>
                            <tr>
                                <td>类型	：</td>
                                <td><select style="width: 100%" id="typeInput">
                                    <option value ="奖金">奖金</option>
                                    <option value ="罚款">罚款</option>
                                </select></td>
                            </tr>
                            <tr>
                                <td>详细信息：</td>
                                <td><input id="detailInput"  type="text"  placeholder="详细信息" /></td>
                            </tr>
                            <tr>
                                <td>奖惩时间：</td>
                                <td><input id="RPTimeInput" style="width: 100%" type="date" /></td>
                            </tr>
                            <tr>
                                <td colspan="2"><a id="addStaffRPConfirm" class="btn pill fill" align="center">录入</a></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="layui-row layui-col-space15 box" id="boxCompassionateLeave" hidden="true" style="width: 100% ">
                <div class="layui-col-md12">
                    <div class="table_wrap" style="width:100%; height:400px;overflow-y: auto;margin: 100px auto;text-align:center">
                    <table  class="table" style="width:90%;margin-top: 20px" cellspacing="0" cellpadding="0" >
                        <thead class="table_head" >
                        <tr>
                            <th>审批ID</th>
                            <th>员工ID</th>
                            <th>姓名ID</th>
                            <th>类型</th>
                            <th>开始时间</th>
                            <th>结束时间</th>
                            <th>细节</th>
                            <th>发起时间</th>
                            <th>通过时间</th>
                            <th>状态</th>
                            <th>操作</th>
                        </tr>
                        </thead>

                        <tbody id="CLLsitTableInput">
                        <tr >
                            <td >加载失败</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td><a name="CLLsitDelete" class="btn pill fill">撤销or删除</a> </td>
                        </tr>
                        </tbody>
                    </table> </div>
                </div>
            </div>
            <div class="layui-row layui-col-space15 box" id="boxChangeLine" hidden="true" style="width: 100% ">
                <div class="layui-col-md12">
                    <div  class="table_wrap" style="width:100%; height:400px;overflow-y: auto;margin: 100px auto;text-align:center">
                        <table  class="table" style="width:90%;margin-top: 20px" cellspacing="0" cellpadding="0" >
                            <caption>*修改线路只需要修改其中一条记录即可</caption>
                            <thead class="table_head" >
                            <tr>
                                <th>司机（员工ID）</th>
                                <th>线路号</th>
                                <th>线路</th>
                                <th>创建时间</th>
                                <th>修改时间</th>
                                <th>备注</th>
                                <th>操作</th>
                            </tr>
                            </thead>

                            <tbody id="roadInfoTableInput">
                            <tr >
                                <td >加载失败</td>

                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td><a name="roadUpdate" class="btn pill fill">修改</a><a name="roadDelete" class="btn pill fill">离职</a> </td>
                            </tr>

                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
            <div class="layui-row layui-col-space15 box" id="boxUpdateLine" hidden="true" style="width: 100% ">
                <div class="layui-col-md12">
                    <div class="InfoUpdate" >
                        <table>
                            <tr>
                                <td>线路号：</td>
                                <td> <input id="roadUnmber" type="text"  placeholder="线路号（如A001）" />
                                    <input type="hidden" id="rid">
                                    <input type="hidden" id="ruid"></td>
                            </tr>
                            <tr>
                                <td>往返程	：</td>
                                <td><select id="LineDirection">
                                    <option value ="(>)">往程(>)</option>
                                    <option value ="(<)">返程(<)</option>
                                </select></td>
                            </tr>
                            <tr>
                                <td>线路：</td>
                                <td><input id="LineInput" style="width:300px"  type="text"  placeholder="线路" /></td>
                            </tr>
                            <tr>
                                <td>司机（员工ID）：</td>
                                <td><select id="LineDriver" style="width: 100%">
                                    <option value ="(>)">1</option>
                                    <option value ="(<)">2</option>
                                </select></td>
                            </tr>
                            <tr>
                                <td>备注：</td>
                                <td><input id="assignNote"  type="text"  placeholder="备注" /></td>
                            </tr>
                            <tr>
                                <td colspan="2"><a id="updateLineConfirm" class="btn pill fill" align="center">修改</a><a id="updateLineCancel" class="btn pill fill" align="center">取消</a></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="layui-row layui-col-space15 box" id="boxAddLine" hidden="true" style="width: 100% ">
                <div class="layui-col-md12">
                    <div class="InfoUpdate" >
                        <table>
                            <tr>
                                <td>线路号：</td>
                                <td> <input id="roadUnmberInput" type="text"  placeholder="线路号（如A001）" /></td>
                            </tr>
                            <tr>
                                <td>往返程	：</td>
                                <td><select id="direction">
                                    <option value ="(>)">往程(>)</option>
                                    <option value ="(<)">返程(<)</option>
                                </select></td>
                            </tr>
                            <tr>
                                <td>线路：</td>
                                <td><input id="line" style="width:300px"  type="text"  placeholder="线路" /></td>
                            </tr>
                            <tr>
                                <td colspan="2"><a id="addRoadConfirm" class="btn pill fill" align="center">添加</a></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="layui-row layui-col-space15 box" id="boxAssignDriver" hidden="true" style="width: 100% ">
                <div class="layui-col-md12">
                    <div class="InfoUpdate" >
                        <table>
                            <tr>
                                <td>线路号：</td>
                                <td> <select id="lineNumber" style="width: 100%">
                                    <option value ="(>)">B101</option>
                                    <option value ="(<)">asdad</option>
                                </select></td>
                            </tr>
                            <tr>
                                <td>司机（员工ID）：</td>
                                <td><select id="driver" style="width: 100%">
                                    <option value ="(>)">1</option>
                                    <option value ="(<)">2</option>
                                </select></td>
                            </tr>
                            <tr>
                                <td>备注：</td>
                                <td><input id="driverNote"  type="text"  placeholder="备注" /></td>
                            </tr>
                            <tr>
                                <td colspan="2"><a id="addDriverConfirm" class="btn pill fill" align="center">分配</a></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="layui-row layui-col-space15 box" id="boxEmployeeAccount" hidden="true" style="width: 100% ">
                <div class="layui-col-md12">
                    <div  class="table_wrap" style="width:100%; height:400px;overflow-y: auto;margin: 100px auto;text-align:center">
                        <table  class="table" style="width:80%;margin-top: 20px" cellspacing="0" cellpadding="0" >
                            <thead class="table_head" >
                            <tr>
                                <th>员工ID</th><!--uid-->
                                <th>真实姓名</th>
                                <th>用户名</th>
                                <th>密码</th>
                                <th>创建时间</th>
                                <th>修改时间</th>
                                <th>操作</th>
                            </tr>
                            </thead>

                            <tbody id="staffAccountTableInput">
                            <tr >
                                <td >加载失败</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td><a name="staffAccountUpdate" class="btn pill fill">修改</a><a name="staffAccountDelete" class="btn pill fill">离职</a> </td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="layui-row layui-col-space15 box" id="updateStaffAccount" hidden="true" style="width: 100% ">
                <div class="layui-col-md12">
                    <div class="InfoUpdate" >
                        <table>
                            <tr>
                                <td>用户名：</td>
                                <td> <input id="usernameUpdateInput" type="text"  placeholder="用户名" />
                                    <input id="uid"  type="hidden"   />
                                    <input id="usernameNow"  type="hidden"   /></td>
                            </tr>
                            <tr>
                                <td>密码：</td>
                                <td><input id="passwordUpdateInput" type="text"  placeholder="密码" /></td>
                            </tr>
                            <tr>
                                <td colspan="2"><a id="updateStaffAccountConfirm" class="btn pill fill" align="center">确认</a>	<a id="updateStaffAccountCancel" class="btn pill fill"  align="center">取消</a></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="layui-row layui-col-space15 box" id="boxAddEmployeeAccount" hidden="true" style="width: 100% ">
                <div class="layui-col-md12">
                    <div class="InfoUpdate" >
                        <table>
                            <tr>
                                <td>用户名：</td>
                                <td> <input id="usernameInput" type="text"  placeholder="用户名" /></td>
                            </tr>
                            <tr>
                                <td>密码：</td>
                                <td><input id="passwordInput" type="text"  placeholder="密码" /></td>
                            </tr>
                            <tr>
                                <td>真实姓名：</td>
                                <td><input id="newNameInput"  type="text"  placeholder="真实姓名" /></td>
                            </tr>
                            <tr>
                                <td>性别：</td>
                                <td> <input id="newMan" type="radio" name="newSex" value="1"  />男	&nbsp;&nbsp;<input id="newWomen" type="radio"  value="0" name="newSex"/>女</td>
                            </tr>
                            <tr>
                                <td>手机号码：</td>
                                <td><input id="newPhoneInput"  type="text"  placeholder="手机号码" /></td>
                            </tr>
                            <tr>
                                <td>居住地址：</td>
                                <td><input id="newAddressInput"  type="text"  placeholder="居住地址" /></td>
                            </tr>
                            <tr>
                                <td>生日：</td>
                                <td><input id="newBirthInput" style="width: 100%" type="date" /></td>
                            </tr>
                            <tr>
                                <td>所属部门：</td>
                                <td><input id="newDepartmentInput" type="text"  placeholder="所属部门" /></td>
                            </tr>
                            <tr>
                                <td>职位：</td>
                                <td><input id="newPositionInput"  type="text"  placeholder="职位" /></td>
                            </tr>
                            <tr>
                                <td>薪资：</td>
                                <td><input id="newSalaryInput"  type='number' step='100'  placeholder="薪资" /></td>
                            </tr>
                            <tr>
                                <td>是否为正式员工：</td>
                                <td> <input id="newYes" type="radio" name="newIsRegular" value="1"  />是	&nbsp;&nbsp;<input id="YesNo" type="radio"  value="0" name="newIsRegular"/>否</td>
                            </tr>
                            <tr>
                                <td colspan="2"><a id="addStaffConfirm" class="btn pill fill" align="center">添加</a></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="layui-row layui-col-space15 box" hidden="true"><!--模块div-->
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div style="font-size:20px;color:red" class="layui-card-header">layui学习交流群请加入（701180681）</div>
                        <div class="layui-card-body">

                            <br>小圆点：

                            <span class="layui-badge-dot"></span>
                            <span class="layui-badge-dot layui-bg-orange"></span>
                            <span class="layui-badge-dot layui-bg-green"></span>
                            <span class="layui-badge-dot layui-bg-cyan"></span>
                            <span class="layui-badge-dot layui-bg-blue"></span>
                            <span class="layui-badge-dot layui-bg-black"></span>
                            <span class="layui-badge-dot layui-bg-gray"></span>

                            <br><br>常规弧形徽章：

                            <span class="layui-badge">6</span>
                            <span class="layui-badge">99</span>
                            <span class="layui-badge">61728</span>
                            <span class="layui-badge">赤</span>
                            <span class="layui-badge layui-bg-orange">橙</span>
                            <span class="layui-badge layui-bg-green">绿</span>
                            <span class="layui-badge layui-bg-cyan">青</span>
                            <span class="layui-badge layui-bg-blue">蓝</span>
                            <span class="layui-badge layui-bg-black">黑</span>
                            <span class="layui-badge layui-bg-gray">灰</span>

                            <br><br>边框徽章：

                            <span class="layui-badge-rim">6</span>
                            <span class="layui-badge-rim">Hot</span>

                            <br><br>

                        </div>
                    </div>
                </div>
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">与其它元素的搭配</div>
                        <div class="layui-card-body">

                            <br>

                            <button class="layui-btn">查看消息<span class="layui-badge layui-bg-gray">1</span></button>
                            <button class="layui-btn">动态<span class="layui-badge-dot layui-bg-orange"></span></button>

                            <br><br>

                            <ul class="layui-nav" style="text-align:right;">
                                <li class="layui-nav-item">
                                    <a href="">控制台<span class="layui-badge">9</span></a>
                                </li>
                                <li class="layui-nav-item">
                                    <a href="">个人中心<span class="layui-badge-dot"></span></a>
                                </li>
                                <span class="layui-nav-bar" style="width: 0px; left: 0px; opacity: 0;"></span></ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--用于选色效果-->
<div id='setbgcolor' style="display:none">
    <div class="layui-layer-shade" id="setbgcolorshade" style="z-index: 19891016; background-color: rgb(0, 0, 0); opacity: 0.3;"></div>
    <div class="layui-layer-color">
        <div class='layui-layer-content'>
            <div class="layui-card-header"> 配色方案 </div>
            <div class="layui-card-body layadmin-setTheme">
                <ul class="layadmin-setTheme-color" id='ChangeColor'>
                    <li layadmin-event="setTheme" data-index="0" data-alias="dark" title="dark">
                        <div class="layadmin-setTheme-header">
                        </div>
                        <div class="layadmin-setTheme-side" style="background-color: #20222A;">
                            <div class="layadmin-setTheme-logo">
                            </div>
                        </div>
                    </li>
                    <li layadmin-event="setTheme" data-index="1" data-alias="dark-blue" title="dark-blue">
                        <div class="layadmin-setTheme-header">
                        </div>
                        <div class="layadmin-setTheme-side" style="background-color: #03152A;">
                            <div class="layadmin-setTheme-logo">
                            </div>
                        </div>
                    </li>
                    <li layadmin-event="setTheme" data-index="2" data-alias="coffee" title="coffee">
                        <div class="layadmin-setTheme-header">
                        </div>
                        <div class="layadmin-setTheme-side" style="background-color: #2E241B;">
                            <div class="layadmin-setTheme-logo">
                            </div>
                        </div>
                    </li>
                    <li layadmin-event="setTheme" data-index="3" data-alias="purple-red" title="purple-red">
                        <div class="layadmin-setTheme-header">
                        </div>
                        <div class="layadmin-setTheme-side" style="background-color: #50314F;">
                            <div class="layadmin-setTheme-logo">
                            </div>
                        </div>
                    </li>
                    <li layadmin-event="setTheme" id="theme" data-index="4" data-alias="ocean" title="ocean">
                        <div class="layadmin-setTheme-header">
                        </div>
                        <div class="layadmin-setTheme-side" style="background-color: #344058;">
                            <div class="layadmin-setTheme-logo" style="background-color: #1E9FFF;">
                            </div>
                        </div>
                    </li>
                    <li layadmin-event="setTheme" data-index="5" data-alias="green" title="green">
                        <div class="layadmin-setTheme-header">
                        </div>
                        <div class="layadmin-setTheme-side" style="background-color: #3A3D49;">
                            <div class="layadmin-setTheme-logo" style="background-color: #2F9688;">
                            </div>
                        </div>
                    </li>
                    <li layadmin-event="setTheme" data-index="6" data-alias="red" title="red">
                        <div class="layadmin-setTheme-header">
                        </div>
                        <div class="layadmin-setTheme-side" style="background-color: #20222A;">
                            <div class="layadmin-setTheme-logo" style="background-color: #F78400;">
                            </div>
                        </div>
                    </li>
                    <li layadmin-event="setTheme" data-index="7" data-alias="fashion-red"
                        title="fashion-red">
                        <div class="layadmin-setTheme-header">
                        </div>
                        <div class="layadmin-setTheme-side" style="background-color: #28333E;">
                            <div class="layadmin-setTheme-logo" style="background-color: #AA3130;">
                            </div>
                        </div>
                    </li>
                    <li layadmin-event="setTheme" data-index="8" data-alias="classic-black"
                        title="classic-black">
                        <div class="layadmin-setTheme-header">
                        </div>
                        <div class="layadmin-setTheme-side" style="background-color: #24262F;">
                            <div class="layadmin-setTheme-logo" style="background-color: #3A3D49;">
                            </div>
                        </div>
                    </li>
                    <li layadmin-event="setTheme" data-index="9" data-alias="green-header"
                        title="green-header">
                        <div class="layadmin-setTheme-header" style="background-color: #2F9688;">
                        </div>
                        <div class="layadmin-setTheme-side">
                            <div class="layadmin-setTheme-logo" style="background-color: #226A62;">
                            </div>
                        </div>
                    </li>
                    <li layadmin-event="setTheme" data-index="10" data-alias="ocean-header"
                        title="ocean-header">
                        <div class="layadmin-setTheme-header" style="background-color: #1E9FFF;">
                        </div>
                        <div class="layadmin-setTheme-side" style="background-color: #344058;">
                            <div class="layadmin-setTheme-logo" style="background-color: #0085E8;">
                            </div>
                        </div>
                    </li>
                    <li layadmin-event="setTheme" data-index="11" data-alias="classic-black-header"
                        title="classic-black-header">
                        <div class="layadmin-setTheme-header" style="background-color: #393D49;">
                        </div>
                        <div class="layadmin-setTheme-side">
                            <div class="layadmin-setTheme-logo">
                            </div>
                        </div>
                    </li>
                    <li layadmin-event="setTheme" data-index="12" data-alias="purple-red-header"
                        title="purple-red-header">
                        <div class="layadmin-setTheme-header" style="background-color: #50314F;">
                        </div>
                        <div class="layadmin-setTheme-side" style="background-color: #50314F;">
                            <div class="layadmin-setTheme-logo" style="background-color: #50314F;">
                            </div>
                        </div>
                    </li>
                    <li layadmin-event="setTheme" data-index="13" data-alias="fashion-red-header"
                        title="fashion-red-header">
                        <div class="layadmin-setTheme-header" style="background-color: #AA3130;">
                        </div>
                        <div class="layadmin-setTheme-side" style="background-color: #28333E;">
                            <div class="layadmin-setTheme-logo" style="background-color: #28333E;">
                            </div>
                        </div>
                    </li>
                    <li layadmin-event="setTheme" data-index="14" data-alias="green-header"
                        title="green-header">
                        <div class="layadmin-setTheme-header" style="background-color: #009688;">
                        </div>
                        <div class="layadmin-setTheme-side" style="background-color: #28333E;">
                            <div class="layadmin-setTheme-logo" style="background-color: #009688;">
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
</div>
<!--辅助作用一般用于手机遮罩层-->
<div class="layui-layer-shade mobilenav" id="mobilenav" onClick="clearmobilenav()" style="z-index: 998; background-color: rgb(0, 0, 0); opacity: 0.3;display:none"></div>
</body>
<script type="text/javascript" src="../js/jquery-3.5.1.js"></script>
<script type="text/javascript" src="../layui/layui.js?t=2"></script>
<script type="text/javascript" src="../js/common.js?t=2"></script>
<script type="text/javascript" src="../js/backgroundMain.js"></script>
</html>